<template>
	<view class="main">
		<view class="iteam_box">
			<view class="iteam" @click="toPassword">
				<view class="">修改密码</view>
				<uni-icons type="right"></uni-icons>
			</view>
			<view class="iteam" @click="toPhone">
				<view class="">绑定手机</view>
				<uni-icons type="right"></uni-icons>
			</view>
			<view class="iteam" @click="toEmail">
				<view class="">绑定邮箱</view>
				<uni-icons type="right"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script setup>
	const toPassword = () => {
		uni.navigateTo({
			url: '/pages/my/drawer/password'
		})
	}
	const toPhone = () => {
		uni.navigateTo({
			url: '/pages/my/drawer/phone'
		})
	}
	const toEmail = () => {
		uni.navigateTo({
			url: '/pages/my/drawer/email'
		})
	}
</script>

<style lang="scss" scoped>
	.main {
		padding: 10px 0;
		min-height: 100vh;
		height: 100%;
		box-sizing: border-box;
		background-color: #f8f8f8;
	}

	.iteam_box {
		margin: 10px;
		border-radius: 5px;
		background-color: #fff;
	}

	.iteam {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		&:not(:last-child) {
			border-bottom: 0.5px solid #dcdcdc;
		}
	}
</style>